<style>
    .profile-avatar-container {
        position:relative;
        width:100px;
    }
    .profile-avatar-container .profile-user-img{
        width:100px;
        height:100px;
    }
    .profile-avatar-container .profile-avatar-text {
        display:none;
    }
    .profile-avatar-container:hover .profile-avatar-text {
        display:block;
        position:absolute;
        height:100px;
        width:100px;
        background:#444;
        opacity: .6;
        color: #fff;
        top:0;
        left:0;
        line-height: 100px;
        text-align: center;
    }
    .profile-avatar-container button{
        position:absolute;
        top:0;left:0;width:100px;height:100px;opacity: 0;
    }
</style>
<div id="content-container" class="container">
    <div class="row">
        <div class="col-md-1">&nbsp;</div>
        <div class="col-md-10">
            <div class="panel panel-default">
                <div class="panel-body">
                	<img style="cursor:pointer;width:100%;height:80px" onclick="window.location=&#39; http://{$ad_row.ad_url}  &#39;" src="__CDN__/{$ad_row.ad_img}" alt="{$ad_row.ad_title}">
                    <h2 class="page-header">{$rec_row.recruit_title}</h2>
                    <form id="apply-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
                        {:token()}
                        <input type="hidden" name="row[recruit_id]" value="{$rec_row.recruit_id}" />
		                <input type="hidden" name="row[apply_id]" value="{$apply_row.apply_id}" />
						<div class="form-group">
					        <label for="apply_avatar" class="control-label col-xs-12 col-sm-2">头像：</label>
					        <div class="col-xs-12 col-sm-9">
					            <div class="input-group">
					                <input id="apply_avatar" data-rule="required" class="form-control" size="50" name="row[apply_avatar]" type="text" value="{$apply_row['apply_avatar']}" placeholder="请上传一寸或二寸证件照" readonly>
					                <div class="input-group-addon no-border no-padding">
					                    <span><button type="button" id="avatar" class="btn btn-danger plupload" data-input-id="apply_avatar" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="false" data-preview-id="p-apply_avatar"><i class="fa fa-upload"></i>上传</button></span>
					                </div>
					                <span class="msg-box n-right" for="apply_avatar"></span>
					            </div>
					            <ul class="row list-inline plupload-preview" id="p-apply_avatar"></ul>
					        </div>
					    </div>
						<div class="form-group">
		                   	<label for="inputPassword3" class="col-sm-2 col-xs-12 control-label">* 报考岗位：</label>
		                   	<div class="col-sm-9 col-xs-12">
		                       	<select name="row[recruit_post_id]" data-rule="required" class="form-control">
									<option value="">请选择</option>
									{volist name='post_list' id='post'}
										<option {eq name='apply_row.recruit_post_id' value='$post.post_id'}selected{/eq} value="{$post.post_id}">{$post.post_name}</option>
									{/volist}
								</select>
		                   	</div>
		               	</div>
		               	{volist name='column_list' id='column'}
		               		<div class="form-group">
		                   		<label class="col-sm-2 control-label">{eq name='column.is_required' value='required;'}*{/eq} {$column.column_name_cn}：</label>
		                       	<div class="col-sm-9">
	             					{eq name='column.column_type' value='text'}
	                         			<input id='{$column.column_name}' name="row[{$column.column_name}]" type="text" value="{$apply_row[$column['column_name']]}" class="form-control"  
	                         			data-rule="{$column.is_required}{$column.column_required}" placeholder="{$column.column_placeholder}">
	             					{/eq}
	             					{eq name='column.column_type' value='date'}
	                         			<input id='{$column.column_name}' name="row[{$column.column_name}]" type="text" value="{$apply_row[$column['column_name']]}" class="form-control datetimepicker"  data-date-format="YYYY-MM-DD"
	                         			data-rule="{$column.is_required}{$column.column_required}" placeholder="{$column.column_placeholder}">
	             					{/eq}
	             					{eq name='column.column_type' value='textarea'}
	                         			<textarea id='{$column.column_name}' name="row[{$column.column_name}]"  rows="3" class="form-control"
	                         			data-rule="{$column.is_required}{$column.column_required}" placeholder="{$column.column_placeholder}">{$apply_row[$column['column_name']]}</textarea>
	             					{/eq}
		             				{eq name='column.column_type' value='select'}
		                            	<select id='{$column.column_name}' name="row[{$column.column_name}]"  class="form-control" data-rule="{$column.is_required}{$column.column_required}" >
											<option value="">请选择</option>
											{volist name='column.column_options' id='option'}
											<option {eq name='apply_row[$column[column_name]]' value='$option'}selected{/eq} value="{$option}">{$option}</option>
											{/volist}
										</select>
		                   			{/eq}
		               			</div>
		                   	</div>
		                {/volist}
		                <script src="__CDN__/assets/js/jquery.min.js"></script>
		                <script src="__CDN__/assets/zp_info/RegScript.js"></script>
		                <script src="__CDN__/assets/zp_info/card.js"></script>
		                 <script>
			                  $("#apply_idcard").blur(function (event) {
					          var idCard = $(this).val();
					          var checkFlag = new clsIDCard(idCard);
					          if (!checkFlag.IsValid()) {
					              $(this).val("");
					              return false;
					          } else {
					              //alert("出生于: " + checkFlag.GetBirthDate() + " 地区:" + checkFlag.GetLocal() + " sex:" + checkFlag.GetSex());
					              $("#apply_sex").val(checkFlag.GetSex()); 
					              $("#apply_birthday").val(checkFlag.GetBirthDate());
					              /* $("#info3").val(checkFlag.GetAge()); */
					          }
					      });
				      </script>
			           <div class="form-group">
					        <label for="apply_attach" class="control-label col-xs-12 col-sm-2">附件：</label>
					        <div class="col-xs-12 col-sm-9">
					            <div class="input-group">
					                <input id="apply_attach" data-rule="" class="form-control" size="50" name="row[apply_attach]" type="text" value="{$apply_row['apply_attach']}" placeholder="{$rec_row.recruit_attach_desc}" readonly>
					                <div class="input-group-addon no-border no-padding">
					                    <span><button type="button" id="attach" class="btn btn-danger plupload" data-input-id="apply_attach" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="true" data-preview-id="p-apply_attach"><i class="fa fa-upload"></i>上传</button></span>
					                </div>
					                <span class="msg-box n-right" for="apply_attach"></span>
					            </div>
					            <!-- <p> *请在此上传身份证(正反面)、毕业证、学位证、执业资格证、专业资格证、奖励证明、同意报考证明、社保证明、无犯罪记录证明、普通话证书、英语等级证书、计算机等级证书等相关文件图片 </p> -->
					            <ul class="row list-inline plupload-preview" id="p-apply_attach"></ul>
					        </div>
					    </div>
					    <div class="form-group">
				            <label for="inputEmail3" class="col-sm-2 control-label"></label>
			                <div class="col-sm-9">
			                    <p style="font-size: 14px; line-height: 1.5em;"><input name='agree' data-rule="required" value='' type="checkbox" id='agree' >本人保证上述填写的信息真实、完整、准确，如有漏填、错填，本人愿意承担一切不良后果。</p>
			                    <script>
			                    	$('#agree').change(function(){
			                    		if(this.checked){
			                    			$(this).val(1);
			                    		}else{
			                    			$(this).val('');
			                    		}
			                    	})
			                    </script>
			                </div>
			            </div>
                        <div class="form-group normal-footer">
                            <label class="control-label col-xs-12 col-sm-2"></label>
                            <div class="col-xs-12 col-sm-8">
                                <button type="submit" class="btn btn-success btn-embossed disabled">{:__('Ok')}</button>
                                <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
    .form-layer {height:100%;min-height:150px;min-width:300px;}
    .form-body {
        width:100%;
        overflow:auto;
        top:0;
        position:absolute;
        z-index:10;
        bottom:50px;
        padding:15px;
    }
    .form-layer .form-footer {
        height:50px;
        line-height:50px;
        background-color: #ecf0f1;
        width:100%;
        position:absolute;
        z-index:200;
        bottom:0;
        margin:0;
    }
    .form-footer .form-group{
        margin-left:0;
        margin-right:0;
    }
</style>